<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/Marco-Market.css">
    <link rel="stylesheet" href="../css/lunbo.css">
    <link rel="shortcut icon" href="http://www.tuniu.com/favicon.ico" type="image/x-icon">
    <title>马可集市首页</title>
    <style>
        html, body {
            position: relative;
            height: 100%;
        }
        body {
            /* background: #eee; */
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            color:#000;
            margin: 0;
            padding: 0;
        }
        .swiper-container {
            width: 100%;
            height: 100%;
        }
        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;
    
            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
        a{
            text-decoration: none;
        }
        </style>
</head>
<body>
    <!-- 登录条 -->
    <div class="header_top">
        <div class="header-top">
            <ul class="header-top-left">
                <li class="login">登录</li>
                <li>注册</li>
                <li>
                    <img width="110" height="22" src="https://img4.tuniucdn.com/img/2017020818/common/registgift.gif" alt="">
                </li>
            </ul>
            <ul class="header-top-right">
                <li>网站无障碍</li>
                <li>关怀版</li>
                <li class="color-f80"><a href="../item/index.html">途牛首页</a></li>
                <li>途牛商旅</li>
                <li>旅游百货</li>
                <li class="color-f80">企业旅游</li>
                <li class="color-f80">会员俱乐部</li>
                <li class="top-border"> 
                    我的订单 
                    <i class="icon_arrow"></i>
                    <div class="order">
                        <p>全部订单</p>
                        <p>我的机票</p>
                        <p>我的火车票</p>
                        <p>积分商城</p>
                        <p>非会员查单</p>
                    </div>
                </li>
                <li class="top-border">网站地图
                    <i class="icon_arrow"></i>
                </li>
                <li class="top-border"><p class="icon-weibo"></p>
                <p class="weibo-hover"></p></li>
                <li class="top-border"><p class="icon-weixin"></p>
                <p class="weixin-hover"></p></li>
            </ul>
        </div>
    </div>
    <!-- 搜索框 -->
    <div class="sub-head">
        <div class="sub-head-inner">
            <div class="sub-head-inner-left">
                <img width="159" height="38" src="https://m2.tuniucdn.com/fb2/t1/G5/M00/CC/57/Cii-slzs9p6IFxVpAABlukWkkWkAAWNegG62pEAAGXS118.png" alt="">
                <p>高品质出行伴侣</p>
            </div>
            <div class="sub-head-inner-right">
                <input type="text" placeholder="搜索产品关键词，全场包邮">
                <span class="icon-srarch"><i class="search"></i></span>
                <ul class="input-lists">
                    <li>蜜薯</li>
                    <li>零食</li>
                    <li>糕点</li>
                    <li>橙子</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 导航列表 -->
    <ul class="retail-category-nav">
        <li class="current">百货首页</li>
        <li>箱包收纳</li>
        <li>个护化妆</li>
        <li>日用家居</li>
        <li>运动户外</li>
        <li>汽车用品</li>
        <li>数码电子</li>
        <li>特产纪念品</li>
        <li>家用电器</li>
        <li>母婴玩具</li>
        <li class="last">积分加购</li>
    </ul>
    <!-- 轮播tu -->
    <div id="carousel" class="carousel">
        <div class="carousel-images">
            <img src="https://m4.tuniucdn.com/fb2/t1/G5/M00/52/18/Cii-tFxJIdyIWQzoAAdguEsYvq4AATdGQC7VeIAB2DQ28.jpeg" alt="Image 1">
            <img src="https://m2.tuniucdn.com/fb2/t1/G5/M00/5C/77/Cii-slp6uHmIcgwRAAMEkOICYicAADMrgEI1QoAAwSo216.png" alt="Image 2">
        </div>
        <div class="carousel-controls">
            <button class="prev"></button>
            <button class="next"></button>
        </div>
        <ul class="carousel-indicators">
            <li class="active"></li>
            <li></li>
            <li></li>
        </ul>
    </div>

    <!-- 中间三图 -->
     <div class="hot-recommend">
        <img width="384" height="230" src="https://m4.tuniucdn.com/fb2/t1/G5/M00/2C/26/Cii-s1saHKeIcvLUAADsLNcP4w4AAILLwNo9H0AAOxE330.png" alt="">
        <img width="384" height="230" src="https://m3.tuniucdn.com/fb2/t1/G5/M00/77/56/Cii-tFqVORSIMPcfAABk1xGzC48AADuHQIw0aUAAGTv48.jpeg" alt="">
        <img width="384" height="230" src="https://m3.tuniucdn.com/fb2/t1/G5/M00/77/56/Cii-slqVORSIWsH3AABct67Zlh0AADuHQIwRr4AAFzP48.jpeg" alt="">
     </div>
     <!-- 人气爆款 -->
      <div class="category-floors">
        <div class="category-floor-title">
            <h2>人气爆款</h2>
        </div>
        <ul class="category-floor-lists">
            <li class="list1">
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/4f161b6ef801777a3f6f09a1323aca80/0dd44db1-d8d4-4ac8-bbb0-7c1a6c2511bf.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【途牛优选】HUAWEI华为WATCH4Pro手表电话智能高血糖风险评估长续航独立通话一键微体检运动手表心电分析</p>
                <p class="category-floor-price">¥2699</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
            <li class="list2">
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/4f161b6ef801777a3f6f09a1323aca80/bd60c922-026f-4620-acaa-f568128bb1e2.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【途牛优选】华为儿童手表55X离线定位智能儿童电话手表学生学习无打扰</p>
                <p class="category-floor-price">¥599</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
            <li class="list3">
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/4f161b6ef801777a3f6f09a1323aca80/4ba81509-231b-41ac-990a-016007166cf6.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【途牛优选】小米米家负离子吹风机H300H500</p>
                <p class="category-floor-price">¥189</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
            <li class="list4">
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/4f161b6ef801777a3f6f09a1323aca80/5b9f06c3-9c2e-4176-8e1e-dd1ba838efe9.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【途牛优选】小米米家免洗扫拖机器人2Pro扫拖一体全自动家用</p>
                <p class="category-floor-price">¥5199</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
        </ul>
      </div>
     <div class="bottom-bg-color">
         <!-- 特产纪念品 -->
      <div class="category-floor">
        <div class="category-floor-title">
            <h2>特产纪念品</h2>
            <span class="More-products">更多商品<i></i></span>
        </div>
        <ul class="category-floor-lists-two">
            <li>
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/4f161b6ef801777a3f6f09a1323aca80/0dd44db1-d8d4-4ac8-bbb0-7c1a6c2511bf.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【途牛优选】HUAWEI华为WATCH4Pro手表电话智能高血糖风险评估长续航独立通话一键微体检运动手表心电分析</p>
                <p class="category-floor-price">¥2699</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
            <li >
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/4f161b6ef801777a3f6f09a1323aca80/bd60c922-026f-4620-acaa-f568128bb1e2.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【途牛优选】华为儿童手表55X离线定位智能儿童电话手表学生学习无打扰</p>
                <p class="category-floor-price">¥599</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
            <li >
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/4f161b6ef801777a3f6f09a1323aca80/4ba81509-231b-41ac-990a-016007166cf6.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【途牛优选】小米米家负离子吹风机H300H500</p>
                <p class="category-floor-price">¥189</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
            <li >
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/4f161b6ef801777a3f6f09a1323aca80/5b9f06c3-9c2e-4176-8e1e-dd1ba838efe9.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【途牛优选】小米米家免洗扫拖机器人2Pro扫拖一体全自动家用</p>
                <p class="category-floor-price">¥5199</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
        </ul>
      </div>
      <!-- 万象好货 -->
      <div class="category-floor">
        <div class="category-floor-title">
            <h2>万象好货</h2>
            <span class="More-products">更多商品<i></i></span>
        </div>
        <ul class="category-floor-lists-two">
            <li>
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/4f161b6ef801777a3f6f09a1323aca80/b454a87d-69d8-4e82-8206-9baf254a60d0.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【途牛优选】小天才儿童电话手表Z9Z8A智能定位防水视频通话中小学生4G</p>
                <p class="category-floor-price">¥1699</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
            <li >
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/4f161b6ef801777a3f6f09a1323aca80/52d7ac26-7105-4750-b7d1-ea2fb646792b.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【途牛优选】Dyson戴森HD15吹风机</p>
                <p class="category-floor-price">¥3399</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
            <li >
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/4f161b6ef801777a3f6f09a1323aca80/04094ff6-a36d-4083-b85b-6c11960e9d42.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【途牛优选】戴森Dyson无线手持除螨仪吸尘器</p>
                <p class="category-floor-price">¥3099</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
            <li >
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/4f161b6ef801777a3f6f09a1323aca80/890822dc-72c5-4377-a680-bf1b151f89f8.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【途牛优选】科大讯飞翻译笔P20plus讯飞AI英语学习神器点读笔通用小初高英语词典单词扫描扫读笔</p>
                <p class="category-floor-price">¥1259</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
        </ul>
      </div>
      <!-- 精选好物 -->
      <div class="category-floor">
        <div class="category-floor-title">
            <h2>精选好物</h2>
            <span class="More-products">更多商品<i></i></span>
        </div>
        <ul class="category-floor-lists-two">
            <li>
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/4f161b6ef801777a3f6f09a1323aca80/51bfe459-804f-4aa3-a5bd-262c0b483496.png?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【途牛优选】TINECO添可智能洗地机芙万30家用无线除菌洗拖吸一体机</p>
                <p class="category-floor-price">¥3699</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
            <li >
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/4f161b6ef801777a3f6f09a1323aca80/52336f6e-6b52-4640-af9a-a8a88298fbe8.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【途牛优选】摩飞二代一代多功能料理锅火锅烤肉涮一体家用蒸煮炒煎电烤锅网红锅MR9099MR9088</p>
                <p class="category-floor-price">¥690</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
            <li >
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/4f161b6ef801777a3f6f09a1323aca80/acc1017d-0e73-4785-a331-7af61263f741.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【途牛优选】爱普生L3558商用办公喷墨无线彩色打印机</p>
                <p class="category-floor-price">¥1699</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
            <li >
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/4f161b6ef801777a3f6f09a1323aca80/be60290a-6085-42ac-950b-aef625f8268a.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【途牛优选】Shokz韶音OpenMove骨传导蓝牙耳机S661运动型跑步无线不入耳挂耳式</p>
                <p class="category-floor-price">¥529</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
        </ul>
      </div>
      <!-- 生活优选 -->
      <div class="category-floor">
        <div class="category-floor-title">
            <h2>生活优选</h2>
            <span class="More-products">更多商品<i></i></span>
        </div>
        <ul class="category-floor-lists-two">
            <li>
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/e85ea12255d0463c92dfe13f6e91ad9e/43f53585-0b75-454f-bf3e-7a4d203c315b.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【旅行用品】户外营地车露营车推车折叠车便携车拉货车多功能手推车</p>
                <p class="category-floor-price">¥459</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
            <li >
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/e85ea12255d0463c92dfe13f6e91ad9e/fc37a4ce-64a6-46f3-8e91-54da6ac72fe3.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【旅行用品】户外折叠椅克米特椅露营椅沙滩椅垂钓椅便携野餐钓鱼凳子</p>
                <p class="category-floor-price">¥109</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
            <li >
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/e85ea12255d0463c92dfe13f6e91ad9e/9718040f-4c7e-475d-80a3-760534341030.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【旅行用品】铝框款行李箱旅行箱拉杆箱结实加厚耐用登机箱密码箱旅游用品</p>
                <p class="category-floor-price">¥259</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
            <li >
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/e85ea12255d0463c92dfe13f6e91ad9e/30a62b23-4000-4065-9445-95b1a87f213e.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【旅行用品】户外用品野餐垫防潮垫帐篷垫草地垫郊游野餐布超声波加厚</p>
                <p class="category-floor-price">¥59</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
        </ul>
      </div>
      <!-- 户外用品 -->
      <div class="category-floor">
        <div class="category-floor-title">
            <h2>户外用品</h2>
            <span class="More-products">更多商品<i></i></span>
        </div>
        <ul class="category-floor-lists-two">
            <li>
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/e85ea12255d0463c92dfe13f6e91ad9e/28517509-9c10-4de0-962c-2edc1a6f78ee.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【旅行用品】kk树儿童防晒帽遮阳帽太阳帽沙滩帽男童女童夏季沙滩帽子大帽檐</p>
                <p class="category-floor-price">¥89</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
            <li >
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/e85ea12255d0463c92dfe13f6e91ad9e/d416c2eb-1069-4a73-9ad0-ad030e1cc70f.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【旅行用品】夏季新款贝壳帽防晒帽遮阳帽户外遮阳轻薄透气空顶帽卷折发箍束发</p>
                <p class="category-floor-price">¥89</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
            <li >
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/e85ea12255d0463c92dfe13f6e91ad9e/af4f489c-2233-4c3e-8e7b-eb23db8f20cb.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【旅行用品】kk树儿童防晒眼镜太阳眼镜亲子款折叠墨镜防紫外线户外运动海边游玩</p>
                <p class="category-floor-price">¥129</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
            <li class="demo"> 
                
            </li>
        </ul>
      </div>
      <!-- 旅行小物 -->
      <div class="category-floor">
        <div class="category-floor-title">
            <h2>旅行小物</h2>
            <span class="More-products">更多商品<i></i></span>
        </div>
        <ul class="category-floor-lists-two">
            <li>
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/2c350d295360fd1f54123bdc5dfa4e32/95438f9e-ffbd-49ad-b821-015fe58846c4.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">飞利浦PHILIPS车载支架手机支架导航支架吸盘式出风口手机夹支架</p>
                <p class="category-floor-price">¥69</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
            <li >
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/e85ea12255d0463c92dfe13f6e91ad9e/ce07be4e-ca40-4096-a39f-732350a6b222.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">苹果手机数据线快充电线充电器充电头充电线加长usb闪充快充线适用iPhone8-14</p>
                <p class="category-floor-price">¥9</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
            <li >
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/e85ea12255d0463c92dfe13f6e91ad9e/b5dd7b32-d1b8-406d-aa91-bfd677f2f277.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【旅行用品】旅行双肩包登山背包皮肤包户外可折叠包轻便休闲运动野营双肩包旅游用品</p>
                <p class="category-floor-price">¥129</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
            <li >
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/e85ea12255d0463c92dfe13f6e91ad9e/df427a76-eaa5-4c18-8685-faf38513f26a.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【旅行用品】迪士尼充电宝快充自带线小巧便携移动电源超大容量</p>
                <p class="category-floor-price">¥129</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
        </ul>
      </div>
      <!-- 严选好物 -->
      <div class="category-floor">
        <div class="category-floor-title">
            <h2>严选好物</h2>
            <span class="More-products">更多商品<i></i></span>
        </div>
        <ul class="category-floor-lists-two">
            <li>
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/a44228f0c8a4d5f044ccc30c752e6c49/bb00acbe-34c9-40e3-aff1-74d3032ab513.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【途牛百货】五星湖沼泽湿地稻花香</p>
                <p class="category-floor-price">¥39</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
            <li >
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/a44228f0c8a4d5f044ccc30c752e6c49/860cf765-5d57-467b-ba1c-3fc91360d1d6.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【途牛百货】雪博士小兴安岭有机菌类</p>
                <p class="category-floor-price">¥45</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
            <li >
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/a44228f0c8a4d5f044ccc30c752e6c49/37e86d7f-5205-4978-99e1-cfc5117f6746.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【途牛百货】刘家香阳光鲜倍玉米油</p>
                <p class="category-floor-price">¥45</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
            <li >
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/a44228f0c8a4d5f044ccc30c752e6c49/3dd3939f-45d7-4e61-baba-a04e8dcc1423.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【途牛百货】五星湖东北珍珠米5斤</p>
                <p class="category-floor-price">¥21</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
        </ul>
      </div>
      <!-- 居家生活 -->
      <div class="category-floor">
        <div class="category-floor-title">
            <h2>居家生活</h2>
            <span class="More-products">更多商品<i></i></span>
        </div>
        <ul class="category-floor-lists-two">
            <li>
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/a44228f0c8a4d5f044ccc30c752e6c49/bc871580-b368-439d-95e5-e27ff8888f2b.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【途牛百货】清风三层110抽超质感抽纸三包一提装110抽3包</p>
                <p class="category-floor-price">¥9</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
            <li >
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/a44228f0c8a4d5f044ccc30c752e6c49/4491f66a-7ac1-4ea2-bb21-db26b9ee16bf.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【可用牛大头购买】五月花香氛洗衣液2KG桶</p>
                <p class="category-floor-price">¥25</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
            <li >
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/a44228f0c8a4d5f044ccc30c752e6c49/df2bf4f1-a6a5-455b-b75b-e790dfc4a3a6.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【途牛百货】清风牌卫生纸3层10卷筒6922266463440</p>
                <p class="category-floor-price">¥25</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
            <li >
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/a44228f0c8a4d5f044ccc30c752e6c49/0dc34c6e-fe65-43e2-b126-d1a47f2a4d2f.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【途牛严选】贝德美儿童洗发水335ml+沐浴露335ml</p>
                <p class="category-floor-price">¥69</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
        </ul>
      </div>
      <!-- 家用电器 -->
      <div class="category-floor">
        <div class="category-floor-title">
            <h2>居家生活</h2>
            <div class="title-right">
                <span class="appliance">剃须刀</span>
                <span class="appliance">电饭煲</span>
                <span class="appliance">烤箱</span>
                <span class="appliance">加湿器</span>
                <span class="More-products">更多商品<i></i></span>
            </div>
            
        </div>
        <ul class="category-floor-lists-two">
            <li>
                <img width="203" height="152" src="https://s.tuniu.net/qn/image/f3/4f161b6ef801777a3f6f09a1323aca80/f066accc-4e84-4dd2-9846-49474be548b8.jpeg?imageView2/1/w/450/h/300" alt="">
                <p class="category-floor-intro">【途牛优选】戴森Dyson无线手持除螨仪吸尘器V7V8V10</p>
                <p class="category-floor-price">¥3099</p>
                <p class="category-floor-price-btn">立即购买</p>
            </li>
        </ul>
      </div>
     </div>
     <!-- 底部黑边 -->
     <div class="bottom_logo-an_mo">
        <div class="bttom-logo-an">
            <ul>
                <li>
                    <img src="https://m2.tuniucdn.com/fb2/t1/G5/M00/70/75/Cii-tFqPeRyITC5hAAAHj9E_tngAADllQP7u3gAAAen479.png" alt="">
                    <span>无忧退货</span>
                </li>
                <li>
                    <img src="https://m3.tuniucdn.com/fb2/t1/G5/M00/70/75/Cii-s1qPeRyIGGuWAAAIwKjj_JcAADllQP7sqAAAAjY189.png" alt="">
                    <span>全场包邮</span>
                </li>
                <li>
                    <img src="https://m.tuniucdn.com/fb2/t1/G5/M00/70/75/Cii-tFqPeRyIXSQ8AAAIahktTSQAADllQP7qh4AAAiC419.png" alt="">
                    <span>优质供应商</span>
                </li>
                <li>
                    <img src="https://m3.tuniucdn.com/fb2/t1/G5/M00/70/75/Cii-slqPeR2IDQrAAAAJc3gegukAADllQP7oJMAAAmL170.png" alt="">
                    <span>400-161-9999</span>
                </li>
            </ul>
            <div class="copyright">
             Copyright © 2006-2018 
             <span>南京途牛科技有限公司</span>
             <span>Tuniu.com</span> |
            <span>营业执照</span>|
            <span>ICP证：苏B2-20130006</span>|
            <span>苏ICP备12009060号</span>|
            <span>苏网食备A32000000032</span>|
            <span>南京旅游网</span>
            </div>
        </div>
     </div>
</body>
<script>
    let currentIndex = 0;
    const images = document.querySelectorAll('.carousel-images img');
    const prevButton = document.querySelector('.prev');
    const nextButton = document.querySelector('.next');
    function showImage(index) {
        images[currentIndex].style.display = 'none'; // 隐藏当前图片
        images[index].style.display = 'block'; // 显示目标图片
        currentIndex = index; // 更新当前图片索引
    }
    function nextImage() {
        let nextIndex = (currentIndex + 1) % images.length; // 计算下一张图片的索引
        showImage(nextIndex);
    }
    function prevImage() {
        let prevIndex = (currentIndex - 1 + images.length) % images.length; // 计算上一张图片的索引
        showImage(prevIndex);
    }
    // 添加事件监听器
    nextButton.addEventListener('click', nextImage);
    prevButton.addEventListener('click', prevImage);
    // 可以添加定时器自动轮播
    setInterval(nextImage, 3000); // 每3秒切换到下一张图片
</script>

</html>